{% extends 'admin/index.html' %}

{% block con-title %}
    <div class="container-fluid am-cf">
        <div class="row">
            <div class="am-u-sm-12 am-u-md-12 am-u-lg-9">
                <div class="page-header-heading">
                    <span class="am-icon-fire sidebar-nav-link-logo"></span>
                     商品添加
                   </div>
            </div>
          
        </div>
    </div>
{% endblock %}

{% block con-body %}
<div class="row-content am-cf">
    <div class="row  am-cf">
        <div class="row">
            <div class="am-u-sm-12 am-u-md-12 am-u-lg-12">
                <div class="widget am-cf">
                    <div class="widget-body am-fr">

                        <form action="{% url 'myadmin_goods_insert' %}" method="post" enctype='multipart/form-data' class="am-form tpl-form-line-form"  >
                            {% csrf_token %}


                            <div class="am-form-group">
                                <label for="user-name" class="am-u-sm-3 am-form-label">
                                    所属分类
                                </label>
                                <div class="am-u-sm-9">
                                    <select name="tid" data-am-selected="{btnSize: 'sm'}" style="display: none;">
                                    {% for v in typelist %}
                                      <option {% if v.pid == 0 %} disabled {% endif %} value="{{ v.id }}">{{ v.name }}</option>
                                    {% endfor %}
                                    </select>
                                   
                                </div>
                            </div>
                            

                            <div class="am-form-group">
                                <label for="user-name" class="am-u-sm-3 am-form-label">
                                    商品标题
                                </label>
                                <div class="am-u-sm-9">
                                    <input name="title" required type="text" class="tpl-form-input"  
                                    placeholder="请输入商品标题">
                                </div>
                            </div>
                            <div class="am-form-group">
                                <label for="user-name" class="am-u-sm-3 am-form-label">
                                    商品价格
                                </label>
                                <div class="am-u-sm-9">
                                    <input name="price" required type="text" class="tpl-form-input"  
                                    placeholder="请输入商品价格">
                                </div>
                            </div>
                            <div class="am-form-group">
                                <label for="user-name" class="am-u-sm-3 am-form-label">
                                    商品库存
                                </label>
                                <div class="am-u-sm-9">
                                    <input name="store" required type="number" class="tpl-form-input"  
                                    placeholder="请输入商品库存">
                                </div>
                            </div>
                            
                            <div class="am-form-group">
                                <label for="user-weibo" class="am-u-sm-3 am-form-label">
                                 商品图片 
                                 </label>
                                <div class="am-u-sm-9 fileinput fileinput-new" data-provides="fileinput" id="exampleInputUpload">
                               
                                    <div class="fileinput-preview fileinput-exists thumbnail" style="max-width: 200px; max-height: 150px;">
                                        <img id='picImg' style="width: 100%;height: auto;max-height: 140px;" src="{{ uinfo.pic }}" alt="" />
                                    </div>
                                    <div>
                                        <span class="btn btn-primary btn-file">
                                            <input type="file" name="pic" id="picID" accept="image/gif,image/jpeg,image/x-png" /></span>
                                    </div>
                                </div>
                            </div>

                            <link rel="stylesheet" type="text/css" href="/ueditor/UE/third-party/SyntaxHighlighter/shCoreDefault.css">
                            <script type="text/javascript" src="/ueditor/UE/third-party/SyntaxHighlighter/shCore.js"></script>
                            <script type="text/javascript" src="/ueditor/UE/ueditor.config.js"></script>
                            <script type="text/javascript" src="/ueditor/UE/ueditor.all.min.js"></script>
                            <script type="text/javascript" src="/ueditor/UE/lang/zh-cn/zh-cn.js"></script>

                            <div class="am-form-group">
                                <label for="user-intro" class="am-u-sm-3 am-form-label">
                                商品描述</label>
                                <div class="am-u-sm-9">
                                    <script id="editor" name="info" type="text/plain" style="color:red;height: 200px;"></script>
                                </div>
                            </div>



                            <div class="am-form-group">
                                <div class="am-u-sm-9 am-u-sm-push-3">
                                    <button  class="am-btn am-btn-primary tpl-btn-bg-color-success ">提交</button></div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<script src="/static/admin/js/bootstrap-fileinput.js"></script>
<script type="text/javascript">
    var ue = UE.getEditor('editor');
    SyntaxHighlighter.all();
</script>
{% endblock %}